<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>堆快照查找分离DOM</title>
</head>
<body>
    <button id='btn'>Add</button>
    <script>
        // 1. 创建大量DOM节点模拟内存消耗
        var tmpELe 
        function  fn() {
            var ul = document.createElement('ul')
            for(var i = 0;i < 10;i++){
                var li = document.createElement("li")
                ul.appendChild(li)
            }
            tmpELe = ul
            tmpELe = null
        }
        document.getElementById('btn').addEventListener('click', fn)
    </script>
</body>
</html>